<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>签购单系统</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="标签,签购单">
<meta http-equiv="description" content="签购单系统">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 基本的CSS和JS -->
<link href="<%=path%>/resources/uis/css/base.css" rel="stylesheet"
	type="text/css">
<link rel="stylesheet" type="text/css"
	href="<%=path%>/resources/bootstrap/css/bootstrap.min.css">
<link href="<%=path%>/resources/uis/css/new.css" rel="stylesheet"
	type="text/css">
<link href="<%=path%>/resources/uis/css/liushui.css" rel="stylesheet"
	type="text/css">
<link href="<%=path%>/resources/uis/js/skin/WdatePicker.css"
	rel="stylesheet" type="text/css">
<link rel="shortcut icon"
	href="https://service.chinaums.com<%=path%>/resources/uis/image/favicon.ico">
<link href="<%=path%>/resources/uis/css/login_V1.1.css" rel="stylesheet"
	type="text/css">
<link href="<%=path%>/resources/uis/css/slides.css" rel="stylesheet"
	type="text/css">
<link rel="stylesheet"
	href="<%=path%>/resources/uis/css/style_https.3.2.0.css">
<link href="<%=path%>/resources/uis/css/loading.css" rel="stylesheet"
	type="text/css">
<link href="<%=path%>/resources/uis/css/index.css" rel="stylesheet"
	type="text/css">
<link href="<%=path%>/resources/uis/css/slider.css" rel="stylesheet"
	type="text/css">
<script src="<%=path%>/resources/uis/js/jquery-1.7.1.min.js"
	type="text/javascript"></script>
<script src="<%=path%>/resources/uis/js/main.js" type="text/javascript"></script>
<script src="<%=path%>/resources/uis/js/browser.js"
	type="text/javascript"></script>
<script type="text/javascript"
	src="<%=path%>/resources/uis/js/jquery.cookie.js"></script>
<script type="text/javascript" src="<%=path%>/resources/uis/js/gt.js"></script>
<script src="<%=path%>/resources/uis/js/login_V1.1.js"
	type="text/javascript"></script>
<script src="<%=path%>/resources/uis/js/base.js" type="text/javascript"></script>
<script src="<%=path%>/resources/uis/js/style.js" type="text/javascript"></script>
<script src="<%=path%>/resources/uis/js/WdatePicker.js"
	type="text/javascript"></script>
<script type="text/javascript" src="<%=path%>/resources/uis/js/uuid.js"></script>
<script type="text/javascript" src="<%=path%>/resources/uis/js/index.js"></script>
<script type="text/javascript"
	src="<%=path%>/resources/uis/js/slider.js"></script>
<script type="text/javascript"
	src="<%=path%>/resources/bootstrap/js/bootstrap.min.js"></script>
</head>
<body class="of">
	<div class="modal fade tag-bag-modal" id="tag-bag-model" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" style="top:15%;">
			<button type="button" class="close" data-dismiss="modal"
				aria-hidden="true" style="margin-right:10px;">&times;</button>
			<div class="demo form-bg"
				style="background-color: white;padding: 10px;border-radius: 10px;">
				<div class="container ">
					<div>
						<form class="form-horizonta">
							<div class="form-horizonta">
								<h4 class="modal-title" id="myModalLabel">请选择标签包</h4>
								<div class="form-group">
									<a class="btn btn-primary link-bag"
										style="float:left;margin-top:20px;margin-right:18px;"
										id="bag1">标签包1</a> <a class="btn btn-primary link-bag"
										style="float:left;margin-top:20px;margin-right:18px;"
										id="bag2">标签包2</a> <a class="btn btn-primary link-bag"
										style="float:left;margin-top:20px;margin-right:18px;"
										id="bag3">标签包3</a>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="form">
		<input type="hidden" name="basepath" id="basePath" value="<%=path%>" />
		<input id='temp-data' type='hidden'></input>
		<div class="poaDiv">
			<center>
				<div class="poaDivContent"></div>
			</center>
		</div>

		<div style="height: 75px;"></div>
		<div style="height: 426px;">
			<div class="flexslider"
				style="height: 426px;width: 100%;position: absolute;top: 75px;">
				<center>
					<ul class="slides" style="height: 425px;width: 1428px;">
						<li
							style="background: url(&quot;<%=path%>/resources/uis/image/loginBg1.jpg&quot;) 0% 0% / 100% 425px; width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;"
							class=""></li>
						<li
							style="background: url(&quot;<%=path%>/resources/uis/image/loginBg2.jpg&quot;) 0% 0% / 100% 425px; width: 100%; float: left; margin-right: -100%; position: relative; opacity: 1; display: block; z-index: 2;"
							class="flex-active-slide"></li>
						<li
							style="background: url(&quot;<%=path%>/resources/uis/image/loginBg3.jpg&quot;) 0% 0% / 100% 425px; width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;"
							class=""></li>
					</ul>
				</center>
				<ol class="flex-control-nav flex-control-paging">
					<li><a class="">1</a></li>
					<li><a class="flex-active">2</a></li>
					<li><a class="">3</a></li>
				</ol>
				<ul class="flex-direction-nav">
					<li><a class="flex-prev"
						href="https://service.chinaums.com/uis/uisWebLogin/login#"></a></li>
					<li><a class="flex-next"
						href="https://service.chinaums.com/uis/uisWebLogin/login#"></a></li>
				</ul>
			</div>
			<script type="text/javascript" src="<%=path%>/resources/uis/js/jquery.flexslider-min.js"></script>
			<script type="text/javascript">
				$(document).ready(function() {
					$('.flexslider').flexslider({
						directionNav : true,
						pauseOnAction : false
					});
				});
			</script>
		</div>

		<div class="topCeng">
			<center>
				<table width="970">
					<tbody>
						<tr>
							<td width="500" style="padding-left: 15px;"><img
								src="<%=path%>/resources/uis/image/logo5.jpg"
								style="width: 165px;"> <span class="titleFont">
									签购单系统</span> <c:if test="${not empty username}">
									<span class="welcome-mes">欢迎用户<span> ${username }
											登入</span>
								</c:if></td>
							<td width="500" class="topRight"><a
								onclick="window.open('http://www.chinaums.com/')"> 官网首页 </a>| <a
								onclick="window.open('http://www.chinaums.com/Channel/1242265')">
									提建议 </a>| <c:if test="${empty username}">
									<a onclick="openLogin()"> 登入 </a>
								</c:if> <c:if test="${! empty username}">
									<a href="javascript:void(0)" id="logout-btn"> 退出 </a>
								</c:if> | <a onclick="window.open('http://www.chinaums.com/')">
									查看详情 </a></td>
						</tr>
					</tbody>
				</table>
			</center>
		</div>
		<div class="middleCeng">
			<div class="clearfix tags-box">

				<div class="tags">
							<div class="input-group form-group search" style="border:none;">
								<input placeholder="搜索标签" type="text"  class="form-control" id="search-input"/> <span
									class="input-group-btn">
									<button class="btn btn-primary" id='search-btn'>搜索</button>
								</span>
							</div>
					<ul id="accordion" class="accordion">
						<li>
							
						</li>
						<c:forEach var="t" items="${tt }" >
						<li>
							<div class="link">${t.type }</div>
							<ul class="submenu">
							    <c:forEach var="tt" items="${t.tags }" >
								    <li><div class="show-tag" flag="type1" id="${tt.id }">${tt.name }</div></li>
								</c:forEach>
							</ul>
						</li>
						</c:forEach>
					</ul>
				</div>
				<div class="pre-view">
					<div class="preview">
						<span id="result-count">目标人群信息预览</span>
					</div>
					<div class="tag-confirm">
						<table class="table">
							<thead style="color:#337AB7">
								<tr>
									<th>标签包</th>
									<th>标签</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td class="col-md-2"><div class="bag-title">标签包1</div></td>
									<td id='b1' class="tags-td col-md-7"></td>
									<td class="col-md-3">
									    <div class="tag-btn">
											<button class="btn btn-primary  confirm-tags">选定</button>
											<button class="btn btn-primary config-adv">配置广告</button>
										</div>
									</td>
								</tr>
								<tr>
									<td><div class="bag-title">标签包2</div></td>
									<td id='b2' class="tags-td"></td>
									<td><div class="tag-btn">
											<button class="btn btn-primary  confirm-tags">选定</button>
											<button class="btn btn-primary config-adv">配置广告</button>
										</div></td>
								</tr>
								<tr>
									<td><div class="bag-title">标签包3</div></td>
									<td id='b3' class="tags-td"></td>
									<td><div class="tag-btn">
											<button class="btn btn-primary  confirm-tags">选定</button>
											<button class="btn btn-primary config-adv">配置广告</button>
										</div></td>
								</tr>
							</tbody>
						</table>
						<!-- <button class="btn btn-success" style="buttom:10px">新增标签包</button> -->
					</div>
				</div>
			</div>
		</div>
		<div class="bottomCeng">
			<center>
				<div class="loginBottom2">
					<center>
						<table>
							<tbody>
								<tr>
									<td><a
										onclick="window.open('http://www.chinaums.com/Channel/1262731')">
											支付承诺 </a></td>
									<td>|</td>
									<td><a
										onclick="window.open('http://www.chinaums.com/Channel/1262639')">
											使用条款 </a></td>
									<td>|</td>
									<td><a onclick="toUrl('/uis/uisWebLogin/toFAQ?tab=faq');">
											常见问题 </a></td>
									<td>|</td>
									<td><a
										onclick="window.open('http://www.chinaums.com/Channel/1266668')">
											加入银商 </a></td>
									<td>|</td>
									<td><a
										onclick="window.open('http://www.chinaums.com/Channel/1245344')">
											关于我们 </a></td>
									<td>|</td>
									<td><a
										onclick="window.open('http://www.chinaums.com/Channel/1263011')">
											合作伙伴 </a></td>
								</tr>
							</tbody>
						</table>
					</center>
				</div>
				<div class="loginBottom3">
					<center>
						<span>银联商务</span> <span>版权所有 沪ICP备05003469</span> <span>地址：上海浦东新区张衡路1006号</span>
						<span> 邮编：201203</span>
					</center>
				</div>
			</center>
		</div>

		</form>

		<table class="yindaoMaskTb" align="center">

			<tbody>
				<tr>

					<td id="ydt_0_0" class="op" valign="top">
						<div id="ydt_0_0Div">
							<a style="width: 1px;display: block;"></a>
						</div>
					</td>

					<td id="ydt_0_1" class="op" valign="top">
						<div id="ydt_0_1Div">
							<a style="width: 1px;display: block;"></a>
						</div>
					</td>

					<td id="ydt_0_2" class="op" valign="top">
						<div id="ydt_0_2Div">
							<a style="width: 1px;display: block;"></a>
						</div>
					</td>

				</tr>

				<tr>

					<td id="ydt_1_0" class="op" valign="top">
						<div id="ydt_1_0Div">
							<a style="width: 1px;display: block;"></a>
						</div>
					</td>

					<td id="ydt_1_1" class="op" valign="top">
						<div id="ydt_1_1Div">
							<a style="width: 1px;display: block;"></a>
						</div>
					</td>

					<td id="ydt_1_2" class="op" valign="top">
						<div id="ydt_1_2Div">
							<a style="width: 1px;display: block;"></a>
						</div>
					</td>

				</tr>

				<tr>

					<td id="ydt_2_0" class="op" valign="top">
						<div id="ydt_2_0Div">
							<a style="width: 1px;display: block;"></a>
						</div>
					</td>

					<td id="ydt_2_1" class="op" valign="top">
						<div id="ydt_2_1Div">
							<a style="width: 1px;display: block;"></a>
						</div>
					</td>

					<td id="ydt_2_2" class="op" valign="top">
						<div id="ydt_2_2Div">
							<a style="width: 1px;display: block;"></a>
						</div>
					</td>
				</tr>
			</tbody>
		</table>
		<div class="yindaoMask"></div>
		<div id="yindao1_1" class="yindao yindaoParent">
			<center>
				<table width="98%" border="0">
					<tbody>
						<tr>
							<td align="right" style="padding: 5px 5px 0px 5px;"><a
								onclick="closeYMark();" title="关闭"
								style="color: #CDCDCD; font-size: 18px;">X</a></td>
						</tr>
						<tr>
							<td style="padding: 0px 20px 0px 20px; line-height: 18px;"><font
								style="font-size: 14px; font-family: '微软雅黑';">
									亲~网上服务系统2.0正式上线啦！为了确保您能正常使用本系统、也为了我们能够更好的为您提供服务，请您进行账号激活，谢谢！ </font></td>
						</tr>
						<tr>
							<td align="center" style="padding-top: 10px;">
								<div onclick="closeYMark();" class="ynButton">我知道了</div>
							</td>
						</tr>
					</tbody>
				</table>
			</center>
		</div>
		<div id="yindao1_2" class="yindao yindaoSon">
			<img src="<%=path%>/resources/uis/image/tempydJH.jpg">
		</div>
		<div id="yindao_toRight" class="toWsad">
			<img src="<%=path%>/resources/uis/image/toRight.png">
		</div>

		<div id="lgmk2"></div>
		<div id="lgct">

			<div class="lg-box">
				<a onclick="closeLogin();"
					style="top:130px;top: 122px;left: 5px; color: white;position: relative;font-size: 16px;">x</a>
				<table id="lgTable">
					<tbody id="show1">
						<tr>
							<td><span id="lgtitle">用户登录</span><span id="err-mes"
								style="color:orange;position: relative;left:30px;"></span></td>
						</tr>
						<tr>
							<td height="60">
								<div id="lgtb">
									<input placeholder="请输入账号" id="username"
										style="width: 190px; color: rgb(167, 167, 167);">
								</div>
							</td>
						</tr>
						<tr>
							<td height="60">
								<div id="pwtb">
									<input placeholder="请输入密码" id="password" style="width: 190px;"
										type="password" autocomplete="off">
								</div>
								<div id="captchaLoginForm">
									<div class="gt_input">
										<input class="geetest_challenge" type="hidden"
											name="geetest_challenge"><input
											class="geetest_validate" type="hidden"
											name="geetest_validate"><input
											class="geetest_seccode" type="hidden" name="geetest_seccode">
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td height="60">
								<div id="vercode">
									<input placeholder="验证码" id="verifyCode" style="width: 62px;"
										type="text" autocomplete="off"><img
										style="cursor: pointer;border-radius:3px;float:right;width: 82px;"
										id="Verify" alt="点击图片修改验证码" src="<%=path%>/view/drawCheckCode"
										onclick="reCheckcode(this)" />
								</div>
								<div id="captchaLoginForm">
									<div class="gt_input">
										<input class="geetest_challenge" type="hidden"
											name="geetest_challenge"><input
											class="geetest_validate" type="hidden"
											name="geetest_validate"><input
											class="geetest_seccode" type="hidden" name="geetest_seccode">
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td height="70">
								<table id="lgbtn">
									<tbody>
										<tr>
											<td>登 录</td>
										</tr>
									</tbody>
								</table>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<div class="lgout-box">
		
		<div class="lgout">
		    <div class="logout-tip">确定退出吗？</div>
		    <button onclick="aconfirm();" id="btn-confirm" class="btn btn-primary">确定</button>
		    <button onclick="acancle();" id="btn-cancle" class="btn btn-primary">取消</button>
		</div>
		</div>
</body>
</body>
</html>
